<template>
	<div class="gust">
		<div class="title">
			<img src="http://img1.qunarzz.com/piao/fusion/1711/89/ebc329f16c55bb02.png"/>
			<span>猜你喜欢</span>
		</div>
		<ul>
			<li v-for="item in gustlist" :key="item.id">
				<div class="gust-img"> 
					<img :src="item.imgUrl"/>
				</div>
				<div class="gust-main">
					<h3>{{item.title}}</h3>
					<p class="p1">
						<span style="color:#FF8300;">★★★★★</span>
						<span style="color:#616161;padding-left: .1rem;">{{item.discuss}}条评论</span>
					</p>
					<p>
						<span class="gust-price">￥<em>{{item.price}}</em></span>起
						<span class="gust-adr">{{item.addr}}</span>
					</p>
				</div>
			</li>
			<li class="last">查看所有产品</li>
		</ul>
	</div>
</template>


<script>
	export default {
		props:["gustlist"],
		data(){
		 return{
			/*gustlist:[
			   {
			   	id:1,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1710/f5/f575b0f463058f96a3.img.jpg_200x200_e772e5ef.jpg",
			   	title:"宁乡炭河古城",
			   	discuss:4319,
			   	price:160,
			   	addr:"宁乡县"
			   },
			   {
			   	id:2,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/201403/10/b7aa220089fa8054e6e012bafff63042.jpg_200x200_650160bf.jpg",
			   	title:"长沙生态动物园",
			   	discuss:7998,
			   	price:105,
			   	addr:"长沙县"
			   },
			   {
			   	id:3,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/201403/07/121fa500c65e619844a875ca6fe757bc.jpg_200x200_af9e5995.jpg",
			   	title:"灰汤华天城温泉",
			   	discuss:1040,
			   	price:158,
			   	addr:"宁乡县"
			   },
			   {
			   	id:4,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1412/84/59a55aa2632a3104e3c527301def622f.water.jpg_200x200_d5531e22.jpg",
			   	title:"柏乐园",
			   	discuss:1104,
			   	price:73.5,
			   	addr:"望城县"
			   },
			   {
			   	id:5,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1607/6a/6ad678f5a061a397c0.water.jpg_200x200_127bb4b8.jpg",
			   	title:"铜官窑",
			   	discuss:18,
			   	price:98,
			   	addr:"望城区"
			   },
			   {
			   	id:6,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1805/4b/4b87422502601f5fa3.img.jpg_200x200_c161d7d5.jpg",
			   	title:"石燕湖",
			   	discuss:955,
			   	price:104,
			   	addr:"长沙县"
			   },
			   {
			   	id:7,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1505/a9/a9cd8c8550398407.water.jpg_200x200_4fb81eb4.jpg",
			   	title:"湖南大围山",
			   	discuss:815,
			   	price:89,
			   	addr:"浏阳市"
			   },
			   {
			   	id:8,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1611/20/205db6ee32a4a29ba3.water.jpg_200x200_0ce2204c.jpg",
			   	title:"海立方海洋公园",
			   	discuss:1928,
			   	price:50,
			   	addr:"雨花区"
			    },
			    {  id:9,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1412/68/42da26a54c27a3c237b4d10a61583c36.water.jpg_200x200_a38c904d.jpg",
			   	title:"靖港古镇",
			   	discuss:977,
			   	price:38,
			   	addr:"望城县"
			   },
			   {
			   	id:10,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1412/36/0b5ddfc9e04db2b870a84986fa7444a0.water.jpg_200x200_8d4c75ab.jpg",
			   	title:"长沙世界之窗",
			   	discuss:5968,
			   	price:49,
			   	addr:"开福区"
			   },
			   {
			   	id:11,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1508/ba/f30f404fdf3002e2d022d4825ad2e06b.water.jpg_200x200_f4a6bb31.jpg",
			   	title:"周洛大峡谷",
			   	discuss:588,
			   	price:50,
			   	addr:"湖南大围..."
			   },
			   {
			   	id:12,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1412/68/42da26a54c27a3c237b4d10a61583c36.water.jpg_200x200_a38c904d.jpg",
			   	title:"靖港古镇",
			   	discuss:977,
			   	price:38,
			   	addr:"望城县"
			   },
			   {
			   	id:13,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1408/18/af4e8d5427a982540ec265b0daab2971.jpg_200x200_85ce10be.jpg",
			   	title:"长沙摩天轮",
			   	discuss:1282,
			   	price:65,
			   	addr:"天心区"
			   },
			   {
			   	id:14,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1610/8f/8f244e6a0ac12325a3.img.jpg_200x200_a6a1cd22.jpg",
			   	title:"湘江橘洲之星·长沙印象游轮游",
			   	discuss:160,
			   	price:90,
			   	addr:"长沙"
			   },
			   {
			   	id:15,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1809/e5/e557eddf1b11c017a3.img.jpg_200x200_7a3d492d.jpg",
			   	title:"新华联铜官窑古镇",
			   	discuss:24,
			   	price:98,
			   	addr:"望城县"
			   },
			   {
			   	id:16,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1711/c6/c64f29b2aff169eba3.img.png_200x200_34e82880.png",
			   	title:"长沙冰雪大世界",
			   	discuss:411,
			   	price:55,
			   	addr:"开福区"
			   },
			   {
			   	id:17,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1409/15/33838f8cea3b6e0d17c74494b79cef19.jpg_200x200_19de152c.jpg",
			   	title:"琴岛演艺中心",
			   	discuss:410,
			   	price:66,
			   	addr:"芙蓉区"
			   },{
			   	id:18,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1712/8f/8fed56e3ce1614f0a3.img.png_200x200_1196fbf2.png",
			   	title:"关山古镇",
			   	discuss:218,
			   	price:48,
			   	addr:"宁乡县"
			   },
			   {
			   	id:19,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1706/15/15bd355612c5148aa3.water.jpg_200x200_c2478eff.jpg",
			   	title:"都正街",
			   	discuss:32,
			   	price:88,
			   	addr:"芙蓉区"
			   },
			   {
			   	id:20,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1712/8f/8fed56e3ce1614f0a3.img.png_200x200_1196fbf2.png",
			   	title:"关山古镇",
			   	discuss:216,
			   	price:42,
			   	addr:"宁乡县"
			   },
			   {
			   	id:21,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1408/25/44bad036668bec740e2425ab48ff2115.jpg_200x200_35a6bb72.jpg",
			   	title:"红太阳之夜",
			   	discuss:103,
			   	price:150,
			   	addr:"田汉大剧..."
			   },
			   {
			   	id:22,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1802/12/128d61fb77423368a3.img.jpg_200x200_2505c48f.jpg",
			   	title:"大型歌舞《炭河千古情》",
			   	discuss:464,
			   	price:160,
			   	addr:"宁乡炭河..."
			   },
			   {
			   	id:23,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/1505/57/579b6c97900745db.water.jpg_200x200_f09770c8.jpg",
			   	title:"橘子洲",
			   	discuss:2416,
			   	price:30,
			   	addr:"岳麓区"
			   },
			   {
			   	id:24,
			   	imgUrl:"http://img1.qunarzz.com/sight/p0/201301/14/8a57556d560e854093835fbb.jpg_200x200_19868a02.jpg",
			   	title:"酷贝拉长沙欢乐城",
			   	discuss:534,
			   	price:145,
			   	addr:"天心区"
			   },
			   {
			   	id:25,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1611/dc/dcf77cef5b6ff080a3.img.png_200x200_61b14d41.png",
			   	title:"友阿奥特莱斯冰雪奇园",
			   	discuss:176,
			   	price:143.2,
			   	addr:"宁乡炭河..."
			   },
			   {
			   	id:26,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/1412/3a/4e512a82cefae650f5196ad01da3f698.water.jpg_200x200_a7afd21a.jpg",
			   	title:"天心阁",
			   	discuss:1229,
			   	price:32,
			   	addr:"天心区"
			   },
			   {
			   	id:27,
			    imgUrl:"http://img1.qunarzz.com/sight/p0/201403/07/fa3bace43953b4464b2251777579c147.jpg_200x200_b11a8b87.jpg",
			   	title:"宁乡灰汤紫龙湾温泉度假区",
			   	discuss:813,
			   	price:100,
			   	addr:"宁乡县"
			   },
			]*/
		 }
		}
	}
</script>

<style scoped>
	.gust {
		width: 100%;
	}
	.gust .title{
		font-size: .16rem;
		padding: .12rem .1rem .13rem;
		border-top: 10px solid #EEEEEE;
	}
	.gust .title img{
		width: .15rem;
		height: .15rem;
	}
	.gust ul{
		width: 100%;
		font-size: .16rem;
		box-sizing: border-box;
	}
	.gust ul li{
		overflow: hidden;
		width: 100%;
		border-bottom: 3px solid #EEEEEE;	
		padding:.1rem .1rem;
		box-sizing: border-box;
	}
	.gust ul li .gust-img{
		width: 1rem;
		height: 1rem;
		float: left;
		
	}
	.gust ul li .gust-img img{
		width: 100%;
		height: 100%;
	}
	.gust ul li .gust-main{
		width: 68%;
	    float: right;
	    margin-left: 8px;
	}
	.gust ul li .gust-main h3{
		margin-top: .10rem;
	}
	.gust ul li p{
		font-size: .13rem;
	}
	.gust ul li .p1{
		margin: .16rem 0;
	}
	.gust ul li p .star{
		color: #FF8300;
		margin-right: 10px;
	}
	.gust ul li p em{
		font-size: .2rem;
	}
	.gust ul li p .gust-price{
		color: #ff8300;
	}
	.gust ul li p .gust-adr{
		float: right;
		margin-top: 5px;
		color: #616161;
	}
	.gust ul .last{
		overflow: hidden;
	    width: 100%;
	    padding: .1rem 0;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    font-size: .14rem;
	    color: #00afc7;
	    text-align: center;
	}
</style>
